<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
  <head>
    <%@include file="../common.jsp"%>
    <title>用户管理</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">  
	<link rel="stylesheet" type="text/css" href="resources/css/common.css">
	<script type="text/javascript" src="resources/js/file/type.js"></script>  
	<script type="text/javascript" src="resources/js/jquery-ui.min.js"></script>  
	<style>
	tr:hover{
	    cursor:pointer;
	    font-size:13px;
	    font-weight: bold;
	}
	</style>
  </head>
  <body>
   	<div class="content">
   		<h4>工程资料库管理</h4>
   		<hr/>
   		<!-- 查询面板 -->
<!--    		<div class="panel panel-default">
		    <div class="panel-heading">
		      <h4 class="panel-title">
		        <a data-toggle="collapse" data-parent="#accordion" href="#collapseSearch">
		           	<i class="icon icon-search"></i> 查询过滤
		        </a>
		      </h4>
		    </div>
		    <div id="collapseSearch" class="panel-collapse collapse out">
		      <div class="panel-body">
				  <form id="form_search" class="form-horizontal">
			        <div class="form-group">
			          	<label class="col-md-1 control-label">昵称</label>
			          	<div class="col-md-4">
			             	<input type="text" name="nickName" id="search_nickName" class="form-control" placeholder="模糊查询...">
			          	</div>
			          	<label class="col-md-1 control-label">手机号</label>
			          	<div class="col-md-4">
			             	<input type="text" name="phone" id="search_phone" class="form-control" placeholder="模糊查询...">
			          	</div>
			        </div>
			        <div class="form-group">
			          <div class="col-md-offset-1 col-md-11">
			             <button id="btn_search" class="btn btn-default"><i class="icon icon-search"></i> 查询</button>
			             <button id="btn_reset" class="btn btn-default"><i class="icon icon-undo"></i> 重置</button>
			          </div>
			        </div>
			      </form>
		      </div>
		    </div>
		</div> -->
		
	    <!-- 工具栏 -->
   		<div class="tools"> 
	    	<button id="btn_add" type="button" class="btn btn-primary"><i class="icon icon-plus-sign"></i>  增加文件格式</button>
	    	<button id="btn_del" type="button" class="btn btn-primary"><i class="icon icon-minus-sign"></i>  删除</button>
<!-- 	    	<div id="btn_status" class="btn-group" style="float: right;">
			  	<button type="button" class="btn btn-default active" id="0">正常</button>
			  	<button type="button" class="btn btn-danger" id="1">冻结</button>
			</div>	 -->		
	    </div>
	    <!-- 列表 -->
	    <table id="tab_list" class="table table-hover table-striped mytable">
			<thead>
				<tr>
					<th><input id="pkall" type='checkbox' class='checkbox'></th>
					<th>文件格式名称</th>
				</tr>
			</thead>
			<input type = "hidden" id ="sequence">
			<tbody class="sortable">
				
			</tbody>
	  	</table>
	  	
	  	<!-- 详情 -->
		 <div class="modal fade bs-example-modal-lg" id="modal_add" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		  <div class="modal-dialog modal-lg">
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
		        <h4 class="modal-title" id="myModalLabel">添加文件格式</h4>
		      </div>
		      <div class="modal-body">
		         <form id="form_add" class="form-horizontal" role="form">
				  	  <div class="form-group">
						  <label class="col-sm-2 control-label required">文件格式名称</label>
						  <div class="col-sm-4">
						     <input type="text" name="typeName" placeholder="5个字符以内,如:docx" class="form-control" data-toggle="tooltip" data-placement="top" title="请输入不多于5个字符" >
						  </div>
					  </div>
				</form>
		      </div>
		      <div class="modal-footer">
					<button id="btn_confirm_add" type="button" class="btn btn-primary">确定</button>
		      </div>
		    </div>
	   </div>
	</div>
 </div>
  </body>
</html>